<template>
  <div class="classname">
      <Header>
          <Row class="top-bar">
            <Col span="6"> 
              <img src="./../../assets/images/logo.png" alt="logo"/>
            </Col>
            <Col span="2" push="13">login</Col>
            <Col span="2" push="13">logout <Icon type="ios-bookmarks-outline" class="car-ico"></Icon></Col>
        </Row>
        </Header>
        <Button @click="modal10=true">Vertical center</Button>
        <Modal title="Title" v-model="modal10" class-name="vertical-center-modal">
            <p> <Input v-model="userName" placeholder="用户名" style="width: 300px"></Input></p>
            <p> <Input v-model="usePwd" placeholder="密码" style="width: 300px"></Input></p>
            <p>Content of dialog</p>
        </Modal>
  </div>
</template>
<script>
import axios from "axios"
export default{
  data(){
    return{
      modal10: true,
      userName:"",
      usePwd:''
    }
  },
  methods:{
    
  },
}
</script>
<style lang="stylus">
.vertical-center-modal
  display flex
  align-items center
  text-align center
  justify-content center
  .ivu-modal
    top 0
</style>


